<template>
    <div>
        <div class="title">
            <span>当前版本</span><span>{{ versionInfo.versions }}</span>
        </div>
        <div class="detail">
            <h3>版本信息</h3>
            <p>{{ versionInfo.infomation }}</p>
        </div>
    </div>
</template>

<script>
import { UserVersionApi } from '@/request/api';

export default {
    data() {
        return {
            versionInfo: {},
        };
    },
    created() {
        UserVersionApi().then((res) => {
            this.versionInfo = res.data;
        });
    },
};
</script>

<style lang="less" scoped>
.title {
    line-height: 0.9rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.3rem;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 0.01rem solid #e5e5e5;
    span {
        &:first-of-type {
            color: #666;
        }
        &:last-of-type {
            color: #aaa;
        }
    }
}
.detail {
    background-color: #fff;
    margin-top: 0.2rem;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
    line-height: 0.5rem;
    h3 {
        color: #666;
    }
    p {
        color: #aaa;
    }
}
</style>
